@charset "utf-8";
@media only screen and (max-width:1200px){
body {width: 100%; padding: 0; font-size: 16px;}
.top { display: none; }
.header , .currency , .cur , .search , .quality , .product , .control-box , .advantages , .about , .news , .contactus , .aboutus , .message , .sort , .news-list , .pages , .product-list , .content {width: 98%;}
.header { margin: 10px auto; border-bottom: solid 1px #f1f1f1;}
.header .title {width: 40%;}
.header .title h1 .fr {display: none;}
.header .dhtb {float: left;}
.nav {display: none;}
.nav {width: 100%; position: fixed; z-index: 11;height: 100%; background-color: #fff; margin-top: 0;}
.nav ul {width: 100%;}
.nav ul li {width: 39%; margin: 0.5rem 5% 0 5%; border: 1px dashed #eee; text-align: center; line-height: 3rem;}
.nav ul li:first-child {background-color: #fff;}
.nav ul li:first-child a span { color: #000;}
.header .click {display: block; float: right; margin-top: 0.5rem; width: 8%;}
.header .click a {display: block; height:3rem;}
.header .click a h1 {height: 0.1rem; z-index: 999; background: #ff8400 !important; box-shadow: 0 7px 0 #ff8400, 0 14px 0 #ff8400, 0 21px 0 #ff8400;}
.banner1 , .banner1 img {width: 100%; height: 345px;}
.currency {margin: 50px auto 30px auto;}
.currency span {font-size: 16px;}
.search {margin: 10px auto;}
.search .tags {display: none;}
.search form {width: 100%;}
.search .tags h4 {width: 12%;}
.search .tags ul {overflow: hidden;}
.search .search-keyword {width: 80%;}
.search .search-submit {float: right;}
/*------轮播------*/
.banner1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-size: 14px;}
.banner1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-size: 14px;}
/*------资质------*/
.quality li {width: 16%;}
.quality li a {font-size: 12px;}
.quality ul li a img {width: 100%;}
/*------产品------*/
.product .product-left {width: 100%; height: auto;}
.product .product-left h1 , .product .product-left ul dl {display: none;}
.product .product-left ul {display: flex;flex-wrap: wrap;justify-content: space-around;}
.product .product-left ul li {width: 30%; text-align: center;}
.product .product-left ul li a {margin: 0;}
.product .product-bottom {width: 100%;}
.product .product-bottom ul li {width:23%; height:auto;}
.product .product-bottom ul li a img {width: 100%; height:auto;}
/*------优势------*/
.advantages {margin: 0 auto;}
.advantages .advantages1 , .advantages .advantages2 {width: 50%; height: auto;margin-top: 55px;}
.advantages .advantages1 img , .advantages .advantages2 img {width: 100%; height: auto; margin: 0;}
.advantages .advantages1 p , .advantages .advantages2 p {width: 100%; margin-top: 0px; height: 50px; font-size: 24px; line-height: 50px;}
.advantages .advantages1 span, .advantages .advantages2 span {margin-top: 0; font-size: 14px; line-height: 28px;}
/*------案例------*/
.case {width: 100%;}
.case .caseitem {width: 22%;}
.case .caseitem1 {width: 90%;border-bottom: 0;}
.case .caseitem img {width: 100%; height: 200px;}
/*------公司------*/
.about {margin: 0 auto;}
.about .about-left {width: 48.5%; border-radius: 10px;}
.about .about-left img {width: 100%;}
.about .about-right {width: 48.5%;}
.about .about-right p {font-size: 16px; line-height: 32px;}
.about .about-pp {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.about .about-pp a {width: 15%;}
/*------资讯------*/
.news {width: 100%; height: auto;}
.news .news-left , .news .news-right {width: 100%; height: auto;}
.news .news-right ul li a .date {width: 12%; }
.news .news-right ul li a:after {left: 15%}
.news .news-right ul li a .text p {height: 60px;}
.n-l-b-t img { width: 48%; height: 248px;}
.n-l-b-t .n-l-b-t-t {width: 50%;}
/*------底部------*/
.footer {padding: 30px 2%;font-size: 12px;}
.footer1 {padding: 10px 2%; font-size: 12px;}
.floating_ck dd span {font-size: 12px;}
.g-ft {display: block; position: fixed; bottom: 0; right: 0; left: 0; background-color: #eee; padding: 10px 0; display: block; display: flex; justify-content: space-around; z-index: 100;}
.g-ft a {background-color: #ff8400; color: #fff;line-height: 36px; text-align: center; border-radius: 5px;}
.g-ft a:nth-of-type(3) {width: 60%;} 
.g-ft a:nth-of-type(2) {width: 20%;}
.g-ft a:nth-of-type(1) {width: 10%;}
/*------首页结束------*/
/*------公司介绍------*/
.aboutus {width: 96%; padding: 20px 10px;}
.about-img {width: 48%;}
.aboutus .about-img img {width: 100%;}
.aboutus .about-jj {width: 50%;}
/*------在线留言------*/
.message .online-message {width: 100%; margin-left: 0px;}
.contactus , .message , .messag-lx  {margin: 20px 1%;}
.message .online-message form ul li { width: 24%; float: left; margin-right: 1%; font-size: 16px;}
.message .online-message .sbt , .message .online-message .sbt1 , .message .online-message .sbt2 {width: 98%;}
.message .online-message .sbt textarea {width: 100%;}
.message .online-message .sbt2 .inpimg , .message .online-message .sbt2 .lycz {width: 40%;}
.message .online-message form ul li div input {width: 100%;}
/*------新闻-案例列表------*/
.sort {height: auto; border: none;}
.sort ul li {width: 26%; margin: 5px 0;}
.news-list ul li .news-img {width: 45%;}
.news-list ul li .news-img a img  {width: 100%;}
.news-list ul li .news-title {width: 50%; margin-left: 5%; padding:0 0 20px 0;}
.news-list .news-title p {height: 60px; overflow: hidden;}
.news-list .news-title h3 {height: 48px; overflow: hidden;}
/*------资质列表------*/
.honor-list {width: 98%;}
.honor-list ul li a:nth-of-type(2) {height: 32px; overflow: hidden;}
/*------新闻、案例、资质详情------*/
.content .left2 {width: 95%; padding: 0 2%;}
.content .left2 .left2_main {width: 100%; }
.content .left2 .left2_main .n_info_con .info_con_tit .n_tit span {margin-right: 0px;}
.content .left2 .left2_main .n_info_con2 h2 {font-size: 18px;}
.content .left2 .left2_main .n_info_con2 .info_b ul li {width: 98%;}
#cntrBody img {width: 100% !important; height: 100% !important;}
/*------产品详情------*/
.cpxq {width: 98%; margin: 0 auto;}
.cpxq .item , .cpxq .item .right , .cpxq .item .left {width: 100%;}
.cpxq .product {display: none;}
.cpxq .item .left ul li {width: 23%; height: auto;}
.cpxq .item .left ul li a img { width: 100%;}
/*------搜索结果------*/
.resultbar , .result_content {width: 98%; margin: 0 1%;}
.result_content .sidebar {display: none;}
.result_content .resultlist {width: 100%;}
.result_content .resultlist ul li p {width: 100%;}
/*------TAG标签------*/
.tag1 {width: 98%; margin: 0 1%;}
.tag2 , .xright {margin-top: 20px;}
.tag1 .xleft , .tag1 .xleft .listbox , .tag1 .xleft .place , .xright {width: 100%;}
.e2 li a.preview {width: 30%;}
.e2 li a.preview img {width: 100%;}
.e2 li .intro {height: 64px; overflow: hidden;}
}

@media only screen and (max-width:960px){
/*------单页------*/
#db {width: 98%;}
#wr {width: 98%;}
#db img {width: 100%;}
#wr img {width: 100%;}
/*------公司介绍------*/
.aboutus {width: 96%; padding: 20px 10px;}
.about-img {width: 100%;}
.aboutus .about-img img {width: 100%;}
.aboutus .about-jj {width: 100%;}
/*------底部------*/
.footer {flex-wrap: wrap;}
.footer .f-nav {width: 100%;}
.footer .f-lx , .footer .f-lx p {width: 100%; text-align: center;}
.footer .f-lx .guanzhu {display: none;}
.footer .f-nav dl dd {display: none;}
.footer1 {margin-bottom: 56px; text-align: center;}
.footer1 .link , .floating_ck {display: none;}
/*------产品详情------*/
.item .right .right_img {height: 715px;}
.item .right .right_img .pleft {width: 100%;}
.item .right .right_img .pleft img {width: 98%; margin:5px 1%;}
.item .right .right_img .pright {width: 100%; margin:0;}
.item .right .right_img .pright .propar .propar_lx .propar_lx_1 {width: 30%; margin: 0px 1%;}
}

@media only screen and (max-width:720px){
.header .title h1 a img {width: 100%; height: auto;}
.header .dhtb {background: none; width: 45%; padding: 0 0 0 5%;}
.banner1, .banner1 img {width: 100%; height: 230px;}
.search .search-keyword {width: 55%;}
.currency , .cur {margin: 20px auto 10px auto;}
.currency span , .cur span {font-size: 16px;}
.product .product-top ul li {width: 48%; margin: 2px 1%; overflow: hidden;}
.product .product-bottom ul li {width: 47%; height: auto; margin: 5px 1%;}
/*------优势------*/
.advantages .advantages1 p, .advantages .advantages2 p {height: 32px; line-height: 32px; font-size: 16px;}
.advantages .advantages1 span, .advantages .advantages2 span {font-size: 12px; line-height: 18px; }
/*------首页公司------*/
.about {flex-wrap: wrap;}
.about .about-left , .about .about-right {width: 100%;}
/*------首页案例------*/
.case {flex-wrap: wrap; margin: 30px auto 0 auto;}
.case .caseitem {width: 100%; border: 0;}
.case .caseitem img {width: 50%; float: left; margin-right: 10px;}
.case .caseitem1 {width: 100%; border: 0; box-sizing: border-box; padding: 10px;}
.case .caseitem:hover {border: 0;}
.case .caseitem1:hover {border: 0;}
/*------公司介绍------*/
.aboutus .jj {padding-top: 20px; margin-bottom: 20px;}
.aboutus .jj .about-img {width: 100%;}
.aboutus .jj .about-img img {width: 100%; height: auto;}
/*------产品列表------*/
.product-list li {width: 48%; margin: 10px 1%;}
/*------TAG标签------*/
.e2 li .info , .e2 li .xwxq {display: none;}
.e2 li a.preview img {height: auto;}
/*------联系------*/
.contactus dl{width: 100%;}
/*------产品详情------*/
.cpxq .item .left ul li {width: 46%; height: auto;}
}

@media only screen and (max-width:480px){
.header .dhtb {font-size: 0.5rem; margin-top:0.2rem; }
.header .dhtb span {font-size: 1.2rem;}
.banner1 , .banner1 img {width: 100%; height: 180px;}
/*------首页资讯------*/
.n-l-b-t {flex-wrap: wrap;}
.n-l-b-t img {width: 100%; border-radius: 10px;}
.n-l-b-t .n-l-b-t-t {width: 100%;}
/*------产品分类------*/
.product-left ul li {font-size: 12px;}
.product .product-top li a {line-height: 16px;}
.product .product-top ul li {height: 3rem; padding-top: 1rem;}
/*------优势------*/
.advantages .advantages1, .advantages .advantages2 { height: 140px; overflow: hidden;}
/*------新闻、案例、资质详情------*/
.content .left2 .left2_main .n_info_con .info_con_tit {font-size: 14px; overflow: hidden;}
.news-list .news-title p {height: 58px; overflow: hidden;}
.news-list .news-title h3 {height: 40px; overflow: hidden;}
.contactus dl dd {font-size: 14px;}
.g-ft a {font-size: 12px;}
/*------产品详情------*/
.item .right .right_img .pleft img {height: auto;}
}